/* CSS pour styliser la vidéo */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: auto;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover; /* S'assure que la vidéo remplit l'écran */
}

.content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding-top: 20%;
}

.custom-width {
    width: 70%; /* La largeur est réduite de 30% */
    max-width: 100%; /* Assure que ça ne dépasse pas sur petits écrans */
    margin: 0 auto; /* Centrage horizontal */
}

/* menu */
nav {
    width: 100%;
}
/* Enlever les puces de la liste */
nav ul {
    list-style-type: none;  /* Supprime les puces */
}

nav ul li {
    display: flex;
    margin-top: 3em;
    margin-left: 5em;

}

/* Supprimer la couleur et la sous-ligne des liens */
nav ul li a {

    text-decoration: none; /* Enlève la sous-ligne */
    color: inherit;        /* Utilise la couleur par défaut de l'élément parent */
    font-size: larger;
}

/* Optionnel : Tu peux ajouter du style sur le survol (hover) si besoin */
nav ul li a:hover {
    color: #000; /* Exemple : changer la couleur au survol */
    text-decoration: underline; /* Optionnel : ajoute une sous-ligne au survol */
}

.icon {
    font-size: 40px; /* Taille des icônes */
}
.section-title {
    margin-top: 20px; /* Espacement pour les titres */
}
.section-content {
    margin-top: 15px; /* Espacement pour le contenu */
}
.tech-image {
    width: 100px; /* Largeur des images des technologies */
    height: 100px; /* Hauteur des images des technologies */
}